// pages/handinput/handinput.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    radiovalue: '', //单选框
    imgList:[], //图片上传
    shenfenzhengurl:[], //图片成功后返回路径
    title:'',//书名
    description:'',//图书描述
    bookStatus:'',
  },

  // 图书名称input 输入监听
  booknameinput(e) {
    this.setData({
      title:e.detail.value
    })
    // console.log(e.detail.value);
  },
  //图书描述input 输入监听
  bookdescribeinput(e) {
    this.setData({
      description:e.detail.value
    })
    // console.log(e.detail.value);
  },
  // 单选框点击事件
  radioclick(e) {
    this.setData({
      radiovalue: e.detail.value
    })
  },

  // 书籍录入接口
  addbook:function(){
    var that = this;
    if(this.data.title == ''){
      wx.showToast({ title: '请填写书名', icon: 'none', duration: 2000 })
      return;
    }
    if(this.data.description == ''){
      wx.showToast({ title: '请填写图书描述', icon: 'none', duration: 2000 })
      return;
    }
    if(this.data.radiovalue == ''){
      wx.showToast({ title: '请选择类别', icon: 'none', duration: 2000 })
      return;
    }
    if(this.data.shenfenzhengurl == ''){
      wx.showToast({ title: '请上传图片封面', icon: 'none', duration: 2000 })
      return;
    }
  
    wx.showModal({
      title: '提示',
      content: '确认信息无误，是否录入书籍',
      cancelText: '取消',
      confirmText: '确认',
      success: res => {
        if (res.confirm) {
          that.addbookting()  //书籍录入
        }
      }
    })
  },
  // 书籍录入
  addbookting:function(){
    var that = this;
    wx.request({
      url: getApp().url.dev + '/api/book/addBook', //这里就写上后台解析手机号的接口
      //这里的几个参数是获取授权后的加密数据，作为参数传递给后台就行了
      data: {
        title:that.data.title,//书名
        description:that.data.description,//图书描述
        ageType:that.data.radiovalue,//年龄类型
        bookStatus:that.data.bookStatus,//书籍状态：1书包，2公共书架，3群组书架
        bookCover:that.data.shenfenzhengurl.toString(),//
      },
      method: 'post',
      header: {
        'content-type': 'application/x-www-form-urlencoded',
         'token': wx.getStorageSync("token"),
      },
      success(res) {
        if(res.data.code == 200){
          wx.showToast({ title: res.data.msg, icon: 'none', duration: 2000 })
        }
        setTimeout(()=>{
          wx.navigateBack({
            delta: 1
          })
        },1000)
      }
    })
  },

    //上传图片
    ChooseImagesd() {
      var that = this
      var duoduoduo = [];
      var duotuinsdd =[];
      wx.chooseImage({
        count: 1, //默认9
        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album','camera'], //从相册选择
        success: (res) => {
          var tempFilePaths = res.tempFilePaths;
          duoduoduo.push(res.tempFilePaths)
          this.setData({
            imgList: this.data.imgList.concat(res.tempFilePaths)
          })
            wx.uploadFile({
              url: getApp().url.dev + '/api/common/upload', //这里就写上后台解析手机号的接口
              filePath: tempFilePaths[0],
              name: 'file',
              formData: {
                'user': 'test'
              },
              success (res){
                // console.log(res)
                res.data=JSON.parse(res.data)
                duotuinsdd.push(res.data.url)
                that.setData({
                  shenfenzhengurl: that.data.shenfenzhengurl.concat(res.data.url)
                })
              }
            })
        }
      });
    },  
    // 点击放大
    ViewImage(e) {
      wx.previewImage({
        urls: this.data.imgList,
        current: e.currentTarget.dataset.url
      });
    },

          // 删除
    DelImg(e) {
      var that = this
      wx.showModal({
        title: '提示',
        content: '确定要删除吗？',
        cancelText: '取消',
        confirmText: '确认',
        success: res => {
          if (res.confirm) {
            that.data.imgList.splice(e.currentTarget.dataset.index, 1);
            that.data.shenfenzhengurl.splice(e.currentTarget.dataset.index, 1);
            // that.data.chuanzhiimg.splice(e.currentTarget.dataset.index, 1)
            that.setData({
              imgList: that.data.imgList,
              shenfenzhengurl:that.data.shenfenzhengurl,
            })
          }
        }
      })
    },


  //底部确认事件
  confirm() {
    wx.showModal({
      title: '已成功录入',
      showCancel: false,
    })
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      bookStatus:options.bookStatus
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})